/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-fancy";
@themeDesc: "Fancy";

// 指定字体主题
.applyFontStyle(sans);
// .applyFontStyle(local);
// 指定主题配套的圆角
.applyThemeRadius(small);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Grid, @docBgImgDark_Grid);
// 生成指定的表格样式
.genTableStyle(modern);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #D36C28;
@theme2: #8F4D1D;
@theme1Dark: #DA793A;
@theme1Alt: #F8E8DD;
@theme1AltDark: #4D270F;
@theme2Dark: #A15721;
@theme2Alt: #F8E8DD;
@theme2AltDark: #40200C;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 75%);

@themeForeColor: @theme2Alt;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 30%);
@themeBgColorDark: darken(@themeBgColor, 30%);
@themeBgColorAlt: lighten(@themeBgColor, 25%);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;
// 渐变标题色 h1-h5
// @lgHeaderBg: none;
// @lgHeaderBgClip: inherit;
// @lgHeaderColor: @headerColor;
// 6 级标题前缀内容
@h6BeforeContent: "❖ ";
// @tocHeaderNumColor: @docTextColorLightFade;
//@contentHeaderNumColor: @themeBgColorFade;
@headerBackground: linear-gradient(270deg, var(--h-bg-start), var(--h-bg-end));
@continuousHeaderBG: @headerBackground;
@headerTextAlign: right;
@h6TextAlign: left;
@headerPadding: 5px 20px 0 5px;
//@headerLetterSpacing: 0;//0.15em;

// 不进行标题自动编号
@vHeaderAutoNum: "h1{{#none#}},h2{{#none#}},h3{{#none#}},h4{{#none#}},h5{{#none#}}";;
@h1BeforeContent: "";
@h2BeforeContent: "";
@h3BeforeContent: "";
@h4BeforeContent: "";
@h5BeforeContent: "";

@h1BorderLeft: 15px solid var(--h-box-shadow);
@h2BorderLeft: 15px solid var(--h-box-shadow);
@h3BorderLeft: 15px solid var(--h-box-shadow);
@h4BorderLeft: 15px solid var(--h-box-shadow);
@h5BorderLeft: 15px solid var(--h-box-shadow);
@h6BorderLeft: 0;
@h1BorderRight: 5px solid var(--h-box-shadow);
@h2BorderRight: 5px solid var(--h-box-shadow);
@h3BorderRight: 5px solid var(--h-box-shadow);
@h4BorderRight: 5px solid var(--h-box-shadow);
@h5BorderRight: 5px solid var(--h-box-shadow);
@h6BorderRight: 0;

@hGap: 5px;
@h1Margin: 3em 0 @hGap 0;
@h2Margin: 3em 0 @hGap 0;
@h3Margin: 2em 0 @hGap 0;
@h4Margin: 2em 0 @hGap 0;
@h5Margin: 1.25em 0 @hGap 0;
@h6Margin: 1em 0 0 0;

// 标题的文字阴影样式
@h1TextShadow: 1px 1px 0 var(--ac-t2);
@h2TextShadow: @h1TextShadow;//1px 1px 0 var(--ac-t2);
@h3TextShadow: @h1TextShadow;//1px 1px 0 var(--ac-t2);
@h4TextShadow: @h1TextShadow;//1px 1px 0 var(--ac-t2);
@h5TextShadow: @h1TextShadow;//1px 1px 0 var(--ac-t2);
// @h6TextShadow: none;

// 标题的文字轮廓样式
@h1TextStroke: 1px var(--ac-t2);
@h2TextStroke: @h1TextStroke;//1px var(--ac-t2);
@h3TextStroke: @h1TextStroke;//1px var(--ac-t2);;
@h4TextStroke: @h1TextStroke;//1px var(--ac-t2);
@h5TextStroke: @h1TextStroke;//1px var(--ac-t2);
// @h6TextStroke: none;

//@quoteBorderLeft: 0;

// 按钮色
@buttonForeColor: @themeForeColor;
@buttonForeHoverColor: #FFFFFF;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(big);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: desaturate(@aHoverColor, 25%);

// 封面内多级标签样式
@badgeBorderColorInCover: var(--rb-code-shadow-lg);

// 封面、封底文字位置及对齐方式
@coverTextAlign: right;
@coverTextPadding: 180px 60px 0;
@coverTextPaddingForMobile: 180px 20px 0;
@coverTextColor: #FFFFFF;
@coverSubColor: @themeForeColor;
@coverUnderlineColor: @coverSubColor;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backcoverTextAlign: left;
@backcoverTextPadding: 220px 60px 0;
@backcoverTextPaddingForMobile: 60px 20px 0;
@backcoverTextColor: @themeForeColor;

// 封面、封底标题的文字阴影样式
@coverTextShadow: 3px 3px 0 var(--ac-t2);
@backcoverTextShadow: @coverTextShadow;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: @contrastBorder;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-coffee), var(--thm-c-bread);
@coverBgSize: auto, auto;
@coverBgSizeForMobile: 168px 111px, 180px 138px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, no-repeat;
@coverBgPosition: top right, bottom left;
@coverBgPositionForMobile: @coverBgPosition;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-c-coffee);
@backcoverBgSize: auto;
@backcoverBgSizeForMobile: 168px 111px;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat;
@backcoverBgPosition: top 150px right;
@backcoverBgPositionForMobile: @backcoverBgPosition;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 文档扩展区域背景
// @docExtBackgroundImage: var(--thm-doc-ext-bg), var(--thm-c-coffee), var(--thm-c-bread);
// @docExtBackgroundSize: auto, auto, auto;
// @docExtBackgroundRepeat: no-repeat, no-repeat, no-repeat;
// @docExtBackgroundPosition: left top, right top, left bottom;
// @docExtBackgroundFilter: blur(8px);

// 封面、封底素材资源
:root {
    // --thm-c-logo: url("");
    --thm-c-coffee: url("");
    --thm-c-bread: url("");
}

@import "../base";

// 生成指定风格的多级标签样式
// .genBadgeStyle(std);
.genBadgeStyle(cap);

// 生成 GSA 样式
.genGSA_em();
